﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Root2.master" AutoEventWireup="true"
    CodeFile="DangKy.aspx.cs" Inherits="DangKy" %>


<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder_center" runat="Server">

    <style type="text/css">
        .placeBox strong {
            color: Red;
        }

        .cot1 {
            width: 18%;
            height: 22px;
            vertical-align: top;
        }

        .cot2 {
            width: 70%;
            height: 32px;
            vertical-align: top;
            padding-bottom: 5px;
        }

        .text, select {
            background: white none;
            border: solid 1px /*#6B91AB*/ #C4C4C4;
            padding: 4px 5px;
            outline: 0;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            width: 200px;
        }

            .text:focus {
                background-color: #F2F6F8;
                background-image: none;
                background-position: initial initial;
                background-repeat: initial initial;
            }

        .placeBox .error {
            color: Red;
            display: none;
        }

        .placeBox span {
            display: block;
        }

        .placeBox.thongbao {
        }

        fieldset {
            background: #f8f8f8;
            border-radius: 7px;
            margin-bottom: 10px;
            margin-right: 10px;
            padding: 10px;
        }

            fieldset legend {
                display: block;
                background: #ffffff;
                margin-left: 20px;
                padding: 3px;
                font-size: 15px;
                line-height: 1;
                color: #555555;
                font-weight: bold;
                *padding: 0 0 5px 145px;
                *line-height: 1.5;
            }
    </style>

    <script type="text/javascript">
        $(document).ready(function () {

            $("#<%=txtNgaySinh.ClientID%>").datepicker({ dateFormat: "dd/mm/yy", maxDate: "+0D" });

        });
        function refesh() {
            return false;
        }
        function KiemTra() {
            var ktdk = true;

            for (var i = 0; i < $('.text').length; i++) {
                if ($('.text').eq(i).attr('error') != '') {
                    $('.text').eq(i).parent().children('.error').text($('.text').eq(i).attr('error')).css("display", "block");
                    return false;
                }
            }
            alert(ktdk);
            return false;
        }
        function KiemTraMail(obj) {
            if (trim(obj.value) == '') {
                $(obj).parent().children('.error').text("Mail không được để trống").css("display", "block");
                $(obj).attr('error', 'Mail không được để trống');
                return;
            }

            var emailFilter = /^[^@]+@[^@.]+\.[^@]*\w\w$/;
            if (!emailFilter.test(trim(obj.value))) {
                $(obj).parent().children('.error').text("Mail không đúng định dạng").css("display", "block");
                $(obj).attr('error', 'Mail không đúng định dạng');
                return;
            }
            KiemTraTrung(trim(obj.value));
            $(obj).parent().children('.error').removeAttr("style");
            $(obj).attr('error', '');

        }
        function KiemTraMatKhau(obj) {
            if (trim(obj.value) == '') {
                $(obj).parent().children('.error').text("Mật khẩu không được để trống").css("display", "block");
                $(obj).attr('error', 'Mật khẩu không được để trống');
                return;
            }
            if (trim(obj.value).length < 6) {
                $(obj).parent().children('.error').text("Mật khẩu nhỏ hơn 6 ký tự").css("display", "block");
                $(obj).attr('error', 'Mật khẩu nhỏ hơn 6 ký tự');
                return;
            }
            var LaiMK = $('#<%=txtLaiMatKhau.ClientID %>').val();
            if (trim(obj.value) == trim(LaiMK)) {
                $('#<%=txtLaiMatKhau.ClientID %>').attr('error', '');
            }
            else {
                if (LaiMK != '') {
                    $('#<%=txtLaiMatKhau.ClientID %>').attr('error', 'Mật khẩu không trùng nhau');
                    $('#<%=txtLaiMatKhau.ClientID %>').parent().children('.error').text("Mật khẩu không trùng nhau").css("display", "block");
                }
            }
            $(obj).parent().children('.error').removeAttr("style");
            $(obj).attr('error', '');
        }
        function KiemTraNhapLaiMatKhau(obj) {

            var MatKhau = $('#<%=txtMatKhau.ClientID %>').val();
            if (trim(obj.value) != trim(MatKhau)) {
                $(obj).parent().children('.error').text("Mật khẩu không trùng nhau").css("display", "block");
                $(obj).attr('error', 'Mật khẩu không trùng nhau');
                return;
            }
            $(obj).parent().children('.error').removeAttr("style");
            $(obj).attr('error', '');
        }
        function KiemTraHoTen(obj) {
            if (trim(obj.value) == '') {
                $(obj).attr('error', 'Họ tên không được để trống');
                $(obj).parent().children('.error').text("Họ tên không được để trống").css("display", "block");
                return;
            }
            $(obj).parent().children('.error').removeAttr("style");
            $(obj).attr('error', '');
        }
        function KiemTraNgaySinh(obj) {
            if (trim(obj.value) == '') {
                $(obj).attr('error', 'Ngày sinh không được để trống');
                $(obj).parent().children('.error').text("Ngày sinh không được để trống").css("display", "block");
                return;
            }
            $(obj).parent().children('.error').removeAttr("style");
            $(obj).attr('error', '');
        }
        function KiemTraDiaChi(obj) {
            if (trim(obj.value) == '') {
                $(obj).attr('error', 'Địa chỉ không được để trống');
                $(obj).parent().children('.error').text("Địa chỉ không được để trống").css("display", "block");
                return;
            }
            $(obj).parent().children('.error').removeAttr("style");
            $(obj).attr('error', '');
        }
        function KiemTraDienThoai(obj) {
            if (trim(obj.value) == '') {
                $(obj).attr('error', 'Điện thoại không được để trống');
                $(obj).parent().children('.error').text("Điện thoại không được để trống").css("display", "block");
                return;
            }
            $(obj).parent().children('.error').removeAttr("style");
            $(obj).attr('error', '');
        }
        function trim(s) {
            return s.replace(/^\s+|\s+$/, '');
        }
        function KiemTraTrung(email) {
            $.ajax({
                type: 'get',
                url: 'Process.aspx?KiemTraTrung=' + email,
                async: true,
                success: function (val) {
                    if (val == '1') {
                        $('#<%=txtMail.ClientID %>').parent().children('.error').text("Địa chỉ mail đã sử dụng").css("display", "block");
                        $('#<%=txtMail.ClientID %>').attr('error', 'Địa chỉ mail đã sử dụng');
                    }
                    else {
                        $('#<%=txtMail.ClientID %>').parent().children('.error').removeAttr("style");
                        $(obj).attr('error', '');
                    }

                }
            });
        }
    </script>
    <div class="column center" style="width: 771px; float: left; margin-left: 5px; margin-right: 5px;">

        <fieldset>
            <legend>Đăng ký tài khoản</legend>
            <div class="placeBox">
                <div id="divsitebar" class="divsitebar">
                </div>
                <div id="frmDangKy" runat="server" style="padding-right: 8px; padding-bottom: 20px; color: #333">
                    <span style="padding: 10px 0px; color: #777">Thông tin đăng ký (Có dấu <strong>*</strong>
                        là phần thông tin bắt buộc)</span>
                    <table>


                        <tr>
                            <td class="cot1">Họ tên (<strong>*</strong>):
                            </td>
                            <td class="cot2">
                                <asp:TextBox runat="server" onblur="KiemTraHoTen(this)" CssClass="text" ID="txtHoTen"
                                    error="Họ tên không được để trống" MaxLength="100"></asp:TextBox><span class="error"></span>
                                <span style="color: #777;">Tên đầy đủ của bạn</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="cot1">Mail (<strong>*</strong>):
                            </td>
                            <td class="cot2">
                                <asp:TextBox runat="server" CssClass="text" error="Mail không được để trống" onblur="KiemTraMail(this)"
                                    ID="txtMail" MaxLength="100"></asp:TextBox><span class="error"></span>
                            </td>
                        </tr>
                        <tr>
                            <td class="cot1">Mật khẩu (<strong>*</strong>):
                            </td>
                            <td class="cot2">
                                <asp:TextBox runat="server" onblur="KiemTraMatKhau(this)" TextMode="Password" error="Mật khẩu không được để trống"
                                    CssClass="text" ID="txtMatKhau" MaxLength="50"></asp:TextBox><span class="error"></span>
                                <span style="color: #777;">Lưu ý mật khẩu phân biệt chữ hoa và chữ thường, có từ 6 kí
                            tự trở lên và không chứa tên đăng nhập.</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="cot1">Xác nhận mật khẩu (<strong>*</strong>):
                            </td>
                            <td class="cot2">
                                <asp:TextBox runat="server" onblur="KiemTraNhapLaiMatKhau(this)" TextMode="Password"
                                    error="Mật khẩu không trùng nhau" CssClass="text" ID="txtLaiMatKhau" MaxLength="50"></asp:TextBox><span
                                        class="error"></span> <span style="color: #777;">Nhập lại mật khẩu</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="cot1">Ngày sinh (<strong>*</strong>):
                            </td>
                            <td class="cot2">
                                <asp:TextBox runat="server" CssClass="text" ID="txtNgaySinh" error="Ngày sinh không được để trống"
                                    MaxLength="12" onblur="KiemTraNgaySinh(this)"></asp:TextBox><span class="error"></span>
                                <span style="color: #777;">Ngày sinh của bạn (dd/mm/yyyy)</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="cot1">Gới tính:
                            </td>
                            <td class="cot2">
                                <asp:DropDownList runat="server" ID="drlGioiTinh" Width="70px">
                                    <asp:ListItem Text="Nam" Value="true">
                                    </asp:ListItem>
                                    <asp:ListItem Text="Nữ" Value="false">
                                    </asp:ListItem>
                                </asp:DropDownList>
                            </td>
                        </tr>
                        <tr>
                            <td class="cot1">Điện thoại (<strong>*</strong>):
                            </td>
                            <td class="cot2">
                                <asp:TextBox runat="server" onblur="KiemTraDienThoai(this)" CssClass="text" ID="txtDienThoai"
                                    error="Điện thoại không được để trống" MaxLength="15"></asp:TextBox><span class="error"></span>
                            </td>
                        </tr>
                        <tr>
                            <td class="cot1">Địa chỉ (<strong>*</strong>):
                            </td>
                            <td class="cot2">
                                <asp:TextBox runat="server" onblur="KiemTraDiaChi(this)" CssClass="text" Width="300px"
                                    ID="txtDiaChi" error="Địa chỉ không được để trống" MaxLength="200"></asp:TextBox><span
                                        class="error"></span>
                            </td>
                        </tr>
                        <tr>
                            <td class="cot1">Mô tả :
                            </td>
                            <td class="cot2">
                                <asp:TextBox runat="server" CssClass="text" ID="Description" TextMode="MultiLine" Width="300px" MaxLength="500"></asp:TextBox>

                            </td>
                        </tr>
                        <tr>
                            <td class="cot1"></td>
                            <td class="cot2">
                                <asp:Button runat="server" Text="Đăng ký" Style="padding: 2px 5px" OnClientClick="return KiemTra();"
                                    ID="btDangKy" OnClick="btDangKy_Click" />
                                <asp:Button ID="btnrefesh" runat="server" Text="Làm lại" Style="padding: 2px 5px" OnClientClick="return refesh();"></asp:Button>
                            </td>
                        </tr>
                    </table>
                </div>
                <asp:Label ID="testlb" runat="server"></asp:Label>
                <div id="frmDangKyThanhCong" visible="true" runat="server" style="padding-right: 8px; padding-top: 15px; padding-bottom: 20px; color: #333">
                    <asp:Label runat="server" ID="lbThongBao"></asp:Label>
                </div>

            </div>
        </fieldset>
    </div>
</asp:Content>



<asp:Content ID="Content2" runat="server" ContentPlaceHolderID="ContentPlaceHolder_left">
    <div class="column left" style="width: 191px; float: left; margin-right: 5px;">

        <div class="menu_vertical_animated" style="margin-top: 0px; margin-bottom: 10px;">
            <div class="menu_vertical_animated_header">
                <div class="menu_vertical_animated_header_text">DANH MỤC</div>
                <div class="clear"></div>
            </div>

            <div id="widget73496" class="menu_vertical_animated_body">

                <ul class="menu_vertical_animated_body">
                    <li id="subCate_73496_3417">
                        <a href="tieng-viet/dich-vu-c3417.html">Dịch vụ</a>

                        <ul>

                            <li><a href="tieng-viet/dich-vu/tu-van-tiem-chung-c3433.html">Tư vấn tiêm chủng</a></li>

                            <li><a href="tieng-viet/dich-vu/xet-nghiem-tu-nguyen-c3431.html">Xét nghiệm tự nguyện</a></li>

                            <li><a href="tieng-viet/dich-vu/phun-thuoc-diet-muoi-c3429.html">Phun thuốc diệt muỗi</a></li>

                        </ul>

                    </li>

                    <li id="subCate_73496_3418">
                        <a href="tieng-viet/tiem-chung-c3418.html">Tiêm chủng</a>

                        <ul>

                            <li><a href="tieng-viet/tiem-chung/kien-thuc-tiem-chung-c3441.html">Kiến thức tiêm chủng</a></li>

                            <li><a href="tieng-viet/tiem-chung/huong-dan-su-dung-vaccine-c3442.html">Hướng dẫn sử dụng vaccine</a></li>

                        </ul>

                    </li>

                    <li id="subCate_73496_3420">
                        <a href="tieng-viet/thong-tin-benh-dich-c3420.html">Thông tin bệnh dịch</a>

                    </li>

                    <li id="subCate_73496_3436">
                        <a href="tieng-viet/hoi-dap-c3436.html">Hỏi đáp</a>

                        <ul>

                            <li><a href="tieng-viet/hoi-dap/ve-dich-benh-c3437.html">Về dịch bệnh</a></li>

                            <li><a href="tieng-viet/hoi-dap/ve-tiem-chung-c3438.html">Về tiêm chủng</a></li>

                            <li><a href="tieng-viet/hoi-dap/ve-xet-nghiem-c3439.html">Về xét nghiệm</a></li>

                            <li><a href="tieng-viet/hoi-dap/cac-van-de-khac-c3440.html">Các vấn đề khác</a></li>

                        </ul>

                    </li>

                    <li id="subCate_73496_3421">
                        <a href="tieng-viet/tin-tuc-c3421.html">Tin tức</a>

                        <ul>

                            <li><a href="tieng-viet/tin-tuc/tin-tuc-su-kien-c3454.html">Tin tức Sự kiện</a></li>

                            <li><a href="tieng-viet/tin-tuc/tin-chuyen-nganh-c3455.html">Tin chuyên ngành</a></li>

                            <li><a href="tieng-viet/tin-tuc/ban-tin-trung-tam-c3456.html">Bản tin Trung tâm</a></li>

                        </ul>

                    </li>

                </ul>

            </div>
            <script type="text/javascript">$('#widget73496').vAnimatedMenu({ speed: 200, selectedItem: '' });</script>
        </div>

        <div class="menu_vertical_animated" style="margin-top: 0px; margin-bottom: 10px;">
            <div class="menu_vertical_animated_header">
                <div class="menu_vertical_animated_header_text">SẢN PHẨM</div>
                <div class="clear"></div>
            </div>

            <div id="widget122675" class="menu_vertical_animated_body">

                <ul class="menu_vertical_animated_body">

                    <li id="subCate_122675_3443">
                        <a href="san-pham-moi-c3443.html">Sản phẩm mới</a>

                    </li>

                    <li id="subCate_122675_3444">
                        <a href="vaccine-c3444.html">Vaccine</a>

                        <ul>

                            <li><a href="vaccine/vaccine-trong-nuoc-c3452.html">Vaccine trong nước</a></li>

                            <li><a href="vaccine/vaccine-nhap-ngoai-c3453.html">Vaccine nhập ngoại</a></li>

                        </ul>

                    </li>

                    <li id="subCate_122675_3450">
                        <a href="san-pham-khac-c3450.html">Sản phẩm khác</a>

                    </li>

                </ul>

            </div>
            <script type="text/javascript">$('#widget122675').vAnimatedMenu({ speed: 200, selectedItem: '' });</script>
        </div>
    </div>
</asp:Content>
